<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>湖北交通运输大数据支持平台</title>
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/bootstrap.min14ed.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
        <nav class="navbar navbar-default navtop">
               
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <img src="./img/logo.png" alt=""><span class="title">湖北交通运输大数据支持平台</span>
                    </div>
                    <div class="navright" >

                  
                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <ul class="nav navbar-nav  navtit">
                            <li><a href="#">首页 <span class="sr-only">(current)</span></a></li>
                            <li style="width: 100px;">
                                <a href="#fun">功能和服务</a>
                                <div class="navmore">
                                    <div class="container">
                                        <ul class="fun">
                                            <li class="active"><a href="#">数据平台 <span class="sr-only">(current)</span></a></li>
                                            <li><a href="#">大数据二次开发</a></li>
                                            <li><a href="#">数据挖掘</a></li>
                                            <li><a href="#">数据存储</a></li>
                                            <li><a href="#">数据接入</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li><a href="#sjjr">开发支持</a></li>
                            <li><a href="#">解决方案</a></li>
                            <li><a href="#">部门合作</a></li>
                            <li><a href="#kfwd">开发文档</a></li>
        
                        </ul>
                    <span class="loginin"><button type="button" class="login"><span class="glyphicon glyphicon glyphicon-user icons" aria-hidden="true"></span>登录</button></span>
                </div>
                
                    <!-- <div class="navmore2">
                            <div class="container">
                                <ul class="fun">
                                    <li class="active"><a href="#">api文档  <span class="sr-only">(current)</span></a></li>
                                    <li><a href="#">大数据二次开发api文档</a></li>
                                    <li><a href="#">数据挖掘api文档</a></li>
                                    <li><a href="#">数据存储api文档</a></li>
                                    <li><a href="#">数据接入api文档</a></li>
                                </ul>
                            </div>
                        </div> -->
            </nav>
    <div class="carousels wow slideInLeft" id="top">
        <div class="contanter">
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                </ol>

                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img src="./img/banner.png" alt="">
                        <div class="content">
                            <div class="container">
                                <h1 class="bannertxt1">数据汇聚解决多样性问题</h1>
                                <h2 class="bannertxt2">驾驶、拥挤、养护</h2>
                                <h2 class="bannertxt3">驾驶行为</h2>
                                <button class="btnmore">See more</button>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <img src="http://temp.im/1920x700" alt="">
                        <div class="content">
                            <div class="container">
                                51111
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <img src="http://temp.im/1920x700" alt="">
                        <div class="content">
                            <div class="container">
                                51111
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Controls -->

            </div>
        </div>
    </div>
    <div id="fun">
        <div class="container">
            <h1 class="funtitle wow slideInUp">功能与服务</h1>
            <ul class="uselist" id="uselist">
                <li data-index="0" class="wow bounceInLeft">
                    <img src="./img/fwpt.png" alt="">
                    <p>服务平台</p>
                </li>
                <li data-index="1" class="wow bounceInLeft">
                    <img src="./img/eckf.png" alt="">
                    <p>大数据二次开发</p>
                </li>
                <li data-index="2" class="wow bounceInLeft"> 
                    <img src="./img/sjwj.png" alt="">
                    <p>数据挖掘</p>
                </li>
                <li data-index="3" class="wow bounceInLeft">
                    <img src="./img/sjcc.png" alt="">
                    <p>数据存储管理</p>
                </li>
                <li data-index="4" class="wow bounceInLeft">
                    <img src="./img/sjjr.png" alt="">
                    <p>数据接入</p>
                </li>
            </ul>
            <ol class="uselisticon">
                <li data-target="#uselist" data-slide-to="0" class="active"></li>
                <li data-target="#uselist" data-slide-to="1"></li>
                <li data-target="#uselist" data-slide-to="2"></li>
                <li data-target="#uselist" data-slide-to="3"></li>
                <li data-target="#uselist" data-slide-to="4"></li>
            </ol>
        </div>
        <div class="container-fluid funcontent">
            <div class="container" >
                <div class="row">
                    <div class="col-md-6 wow lightSpeedIn">
                        <img src="./img/fuptbig.png" alt="">
                    </div>
                    <div class="col-md-6 wow bounceInRight">
                        <h3 class="ptitle">服务平台</h3>
                        <p class="pcontent">支撑平台对上层应用提供的服务主要分为两种:接口服务和页面服务。接口服务是将
                            API进行服务化封装,统一提供 RESTfu方式的访问接口;页面服务是通过将通用业务
                            场景组件化,提供可嵌入的访问连接。服务层通过统一的服务管理系统,管理所有服
                            务的注册、注销、封装、访问等玍命周期,提供服务目录展示服务內容,支持B/S方
                            式进行服务查询、管理。
                        </p>
                        <div class="detail"><button class="details">查看详情</button></div>
                    </div>
                </div>
            </div>
            <div class="container erkf" style="display: none;">
                <div class="row">
                    <div class="col-md-6">
                        <img src="./img/fuptbig.png" alt="">
                    </div>
                    <div class="col-md-6">
                        <h3 class="ptitle">大数据二次开发</h3>
                        <p class="pcontent">支撑平台对上层应用提供的服务主要分为两种:接口服务和页面服务。接口服务是将
                            API进行服务化封装,统一提供 RESTfu方式的访问接口;页面服务是通过将通用业务
                            场景组件化,提供可嵌入的访问连接。服务层通过统一的服务管理系统,管理所有服
                            务的注册、注销、封装、访问等玍命周期,提供服务目录展示服务內容,支持B/S方
                            式进行服务查询、管理。
                            
                            </p>
                    </div>
                </div>
            </div>
            <div class="container sjwj" style="display: none;">
                <div class="row">
                    <div class="col-md-6">
                        <img src="./img/fuptbig.png" alt="">
                    </div>
                    <div class="col-md-6">
                        <h3 class="ptitle">数据挖掘</h3>
                        <p class="pcontent">支撑平台对上层应用提供的服务主要分为两种:接口服务和页面服务。接口服务是将
                            API进行服务化封装,统一提供 RESTfu方式的访问接口;页面服务是通过将通用业务
                            场景组件化,提供可嵌入的访问连接。服务层通过统一的服务管理系统,管理所有服
                            务的注册、注销、封装、访问等玍命周期,提供服务目录展示服务內容,支持B/S方
                            式进行服务查询、管理。
                            
                            </p>
                    </div>
                </div>
            </div>
            <div class="container sjcc" style="display: none;">
                <div class="row">
                    <div class="col-md-6">
                        <img src="./img/fuptbig.png" alt="">
                    </div>
                    <div class="col-md-6">
                        <h3 class="ptitle">数据存储管理</h3>
                        <p class="pcontent">支撑平台对上层应用提供的服务主要分为两种:接口服务和页面服务。接口服务是将
                            API进行服务化封装,统一提供 RESTfu方式的访问接口;页面服务是通过将通用业务
                            场景组件化,提供可嵌入的访问连接。服务层通过统一的服务管理系统,管理所有服
                            务的注册、注销、封装、访问等玍命周期,提供服务目录展示服务內容,支持B/S方
                            式进行服务查询、管理。
                            
                            </p>
                    </div>
                </div>
            </div>
            <div class="container sjjr" style="display: none;">
                <div class="row">
                    <div class="col-md-6">
                        <img src="./img/fuptbig.png" alt="">
                    </div>
                    <div class="col-md-6">
                        <h3 class="ptitle">数据接入</h3>
                        <p class="pcontent">支撑平台对上层应用提供的服务主要分为两种:接口服务和页面服务。接口服务是将
                            API进行服务化封装,统一提供 RESTfu方式的访问接口;页面服务是通过将通用业务
                            场景组件化,提供可嵌入的访问连接。服务层通过统一的服务管理系统,管理所有服
                            务的注册、注销、封装、访问等玍命周期,提供服务目录展示服务內容,支持B/S方
                            式进行服务查询、管理。
                            
                            </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="sjjr">
        <div class="container-fluid">
            <h1 class="funtitle wow slideInUp">数据接入单位</h1>
            <div id="carousel-example" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <!-- <ol class="carousel-indicators">
                  <li data-target="#carousel-example" data-slide-to="0" class="active"></li>
                  <li data-target="#carousel-example" data-slide-to="1"></li>
                  <li data-target="#carousel-example" data-slide-to="2"></li>
                </ol> -->
              
                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                  <div class="item active">
                      <ul class="imglist ">
                          <li class="item1 ">
                            <div class="img ggj item1top wow lightSpeedIn">
                                <h3>高管局</h3>
                                <p>高速公路运行监测与处置</p>
                                <p>收费数据分析</p>
                                <p>路政管理</p>
                                <p>养护管理</p>
                                
                            </div>
                            <div class="img gsl wow lightSpeedIn">
                                <h3>公路局高速路</h3>
                                <p>车辆信息查询</p>
                                <p>收费行为数据分析</p>
                                <p>收费运行数据统计</p>
                                <p>...</p>
                            </div>
                          </li>
                          <li class="item1 ">
                            <div class="img ygj item1top wow lightSpeedIn">
                                    <h3>运管局</h3>
                                    <p>货运空载率分析</p>
                                    <p>重点车辆监测</p>
                                    <p>重点物流企业运营监测</p>
                                    <button class="detail" >查看详情</button>
                                </div>
                                <div class="img ghj wow lightSpeedIn">
                                    <h3>港航局</h3>
                                    <p>船舶数据分析</p>
                                    <p>水上交通隐患监测预警</p>
                                    <p>水上交通应急处理</p>
                                </div>
                          </li>
                          <li class="item2 lwzx ">
                            <h3>联网收费中心</h3>
                            <p>截至2017年12月底，全省实行联网收费的高速公路5907公里，共有联网路段69个、开通收费站354个。
                                2017年联网高速公路日均同行车辆68.01万辆、日均收费额5497.47万元
                            </p>
                            <div class="img2 wow lightSpeedIn">
                                <img src="./img/lwzx.jpg" alt="">
                            </div>
                          </li>
                          <li class="item1 ">
                            <div class="img tjhc item1top wow lightSpeedIn">
                                <h3>厅计划处</h3>
                                <p>高速公路运行监测与处置</p>
                                <p>收费数据分析</p>
                                <p>路政管理</p>
                                <p>养护管理</p>
                                
                            </div>
                            <div class="img jsc wow lightSpeedIn">
                                <h3>建设处</h3>
                                <p>车辆信息查询</p>
                                <p>收费行为数据分析</p>
                                <p>收费运行数据统计</p>
                                <p>...</p>
                            </div>
                          </li>
                          <li class="item2 tjac wow lightSpeedIn">
                                <div class="txtlist">
                                    <h3>厅安监处</h3>
                                    <p>高速公路运行监测与处置</p>
                                    <p>收费数据分析</p>
                                    <p>路政管理</p>
                                    <p>养护管理</p>
                                </div>
                                
                          </li>
                          <li class="item1 ">
                            <div class="img tkjc item1top wow lightSpeedIn">
                                <h3>厅科教处</h3>
                                <p>高速公路运行监测与处置</p>
                                <p>收费数据分析</p>
                                <p>路政管理</p>
                                <p>养护管理</p>
                                
                            </div>
                            <div class="img tbgs wow lightSpeedIn">
                                <h3>厅办公室</h3>
                                <p>车辆信息查询</p>
                                <p>收费行为数据分析</p>
                                <p>收费运行数据统计</p>
                                <p>...</p>
                            </div>
                          </li>
                      </ul>
                      <!-- <div >
                        <div class="item item1">

                        </div>
                        <div class="item2">
                            
                        </div>
                        <div class="item3">
                            
                        </div>
                        <div class="item3">
                            
                        </div>
                      </div>
                    <img src="..." alt="..."> -->
                    <!-- <div class="carousel-caption">
                      ...
                    </div> -->
                  </div>
                  <!--第二页-->
                  <!-- <div class="item">
                    <img src="..." alt="...">
                    <div class="carousel-caption">
                      ...
                    </div>
                  </div> -->
                
                </div>
              
                <!-- Controls -->
                <a class="left carousel-control" href="#carousel-example" role="button" data-slide="prev">
                  <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                  <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#carousel-example" role="button" data-slide="next">
                  <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                  <span class="sr-only">Next</span>
                </a>
              </div>
        </div>
    </div>
    <div id="kfwd">
        <div class="container">
            <h1 class="funtitle wow slideInUp">开发文档</h1>
            <div class="row">
                <div class="col-md-4">
                    <div class="media wow lightSpeedIn">
                        <div class="media-left">
                            <a href="#">
                            <img class="media-object" src="./img/fwpt.png" alt="...">
                            </a>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">服务平台发布</h4>
                            <p>通用服务管理子系统负责服务的注册、注销、监控、查询、管理等任务</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="media wow lightSpeedIn">
                        <div class="media-left">
                            <a href="#">
                            <img class="media-object" src="./img/sjjr.png" alt="...">
                            </a>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">大数据接入</h4>
                            <p>SQL接口设计、GET方式、post方式、专有接口设计</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="media wow lightSpeedIn">
                        <div class="media-left">
                            <a href="#">
                            <img class="media-object" src="./img/sjcc.png" alt="...">
                            </a>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">大数据管理存储</h4>
                            <p>提供RestFul服务，服务包括：数据表定义、数据导入、数据维护、数据处理...</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="media wow lightSpeedIn" >
                        <div class="media-left">
                            <a href="#">
                            <img class="media-object" src="./img/eckf.png" alt="...">
                            </a>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">大数据二次开发</h4>
                            <p>查询类，挖掘类，可视化类</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="media wow lightSpeedIn">
                        <div class="media-left">
                            <a href="#">
                            <img class="media-object" src="./img/sjwj.png" alt="...">
                            </a>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">数据挖掘</h4>
                            <p>运行模型应用、更新模型应用、停止模型任务、查询模型任务</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="media wow lightSpeedIn">
                        <div class="media-left">
                            <a href="#">
                            <img class="media-object" src="./img/kshsj.jpg" alt="...">
                            </a>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">大数据可视化</h4>
                            <p>插值分析、聚类分析、流量聚集、多要素融合、API</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="ptdt">
        <div class="container ">
            <h1 class="funtitle wow slideInUp">平台动态</h1>
            <div class="content">
                <div class="row dtimg">
                    <div class="col-md-4">
                        <div class="imgs img1 wow lightSpeedIn" data-index="0">
                            <div class="pcontent">
                                2015年5月，交通运输部发布有关事项
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 ">
                            <div class="imgs img2 wow lightSpeedIn" data-index="1">
                                <div class="pcontent">
                                        2016年5月，交通运输部发布有关事项
                                </div>
                            </div>
                    </div>
                    <div class="col-md-4">
                        <div class="imgs img3 wow lightSpeedIn" data-index="2">
                                <div class="pcontent">
                                        2017年5月，交通运输部发布有关事项
                                </div>
                            </div>
                    </div>
                </div>
                <div class="row timerow">
                    <div class="col-md-4"></div>
                    <div class="col-md-4 active"></div>
                    <div class="col-md-4"></div>
                </div>
                <div class="row timecontent">
                    <div class="col-md-4 wow slideInLeft">2015年5月</div>
                    <div class="col-md-4 active wow slideInLeft">2016年5月</div>
                    <div class="col-md-4  wow slideInLeft">2017年5月</div>
                </div>
            </div>
        </div>
    </div>
    <div class="iconlist">
        <ul>
            <li>
                <div class="content help">反馈与帮助</div><div class="icons dohelp"><img src="./img/lxfsicon.png" alt=""></div>
            </li>
            <li>
                    <div class="content totop"><a href="#top">返回顶部</a></div><div class="icons dotoTop"><img src="./img/topicon.png" alt=""></div>
            </li>
        </ul>
    </div>
    <footer>
        
        <div class="container top">
            <ul class="footlist">
                <li>使用须知</li>
                <li>合作咨询</li>
                <li>开发问题</li>
                <li>意见反馈</li>
            </ul>
            <img src="./img/erweima.jpg" alt="">
        </div>
        <hr>
        <div class="container bottom">
            <p>地址:湖北省武汉市汉口建设大道428号 邮编：430030 鄂ICP备16021470号-1</p>
            <p>版权所有:湖北省交通运输厅通信信息中心 您是第5555个访问者</p>
        </div>
    </footer>
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.singlePageNav.min.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/index.js"></script>
</body>
</html>